<template>
  <div class="auto_reply">
    <el-radio-group v-model="radio">
      <el-radio-button :label="1">关注回复</el-radio-button>
      <el-radio-button :label="2">私信自动回复</el-radio-button>
      <el-radio-button :label="3">关键词回复</el-radio-button>
      <el-radio-button :label="4">小尾巴</el-radio-button>
    </el-radio-group>
    <subscribe-reply v-if="radio==1"></subscribe-reply>
    <default-reply v-else-if="radio==2"></default-reply>
    <keyword-reply v-else-if="radio==3"></keyword-reply>
    <reply-tail v-else-if="radio===4"></reply-tail>
  </div>
</template>
<script>
  import subscribeReply from './subscribeReply'
  import defaultReply from './defaultReply'
  import replyTail from './replyTail'
  import keywordReply from './keywordReply'
  export default {
    components: {subscribeReply, defaultReply, replyTail, keywordReply},
    data () {
      return {
        appid: this.$route.params.appid,
        radio: 1
      }
    }
  }
</script>
<style lang="scss">
  .auto_reply{
    .el-radio-group, .wxEditLite{margin-bottom:15px}
  }
</style>
